<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>天天生鲜-支付管理</title>
 <link rel="shortcut icon" href="../../images/copylogo.png">
 <link rel="stylesheet" href="../../css/reset.css">
 <link rel="stylesheet" href="../../css/main.css">
 <link rel="stylesheet" href="../../css/pay.css">
</head>

<body>
	<!-- 头部  -->
	<div class="header_con">
    	<div class="header">
    		<div class="welcome fl">欢迎来到天天生鲜</div>
    		<div class="fr" id="stu_name">
            	
             </div>   
    	</div>
    </div>
    
    <!-- 搜素框 -->
    <div class="search_bar clearfix">
        <a href="../../index.html" class="logo fl"><img src="../../images/logo.png"></a>
        <div class="search_con fl">
            <input type="text" placeholder="搜素商品" name="" class="input_text fl" id="inp">
            <input type="button" value="搜索" class="input_btn fr" onclick="find()">
        </div>
    </div>
    
     <!-- 收货地址 -->
    <h3 class="common_title">确认收货地址</h3>

	<div class="common_list_con clearfix">
		<input type="hidden" id="receive_addr" />
		<dl id="addr_list">
			
		</dl>
		<a href="javascript:showAddrDiv()" class="edit_site" >编辑收货地址</a>
	</div>
	
	<div id="addr_div">
		<img src="../../images/close.png" title="关闭" onclick="hiddenDiv()" />
		<form id="myform">
			<ul>
				<li>
					<label for="addr_name">收货人：</label>
					<input id="addr_name" name="name" type="text" placeholder="请输入收货人姓名" />
				</li>
				<li>
					<label for="addr_tel">联系方式：</label>
					<input id="addr_tel" name="tel" type="tel" placeholder="请输入收货人联系方式" />
				</li>
				<li>
					<label for="addr_name">收货地址：</label>
					<select id="province">
					
					</select>
					<select id="city">
					
					</select>
					<select id="area">
					
					</select>
				</li>
				<li>
					<label for="addr_addr">详细地址：</label>
					<input id="addr_addr" name="addr" style="width: 480px;" type="text" placeholder="请输入详细地址（街道、门牌等）" />
				</li>
				<li class="addr_btn">
					<a href="javascript:addAddr()">添加收货地址</a>
				</li>
			</ul>
		</form>
	</div>
    
   	<!-- 支付方式 -->	
    <h3 class="common_title">支付方式</h3>	
	<div class="common_list_con clearfix">
		<div class="pay_style_con clearfix">
			<input type="radio" name="pay_style" >
			<label class="cash">货到付款</label>
			<input type="radio" name="pay_style">
			<label class="weixin">微信支付</label>
			<input type="radio" name="pay_style"checked>
			<label class="zhifubao"></label>
			<input type="radio" name="pay_style" >
			<label class="bank">银行卡支付</label>
		</div>
	</div>
    
   	<!-- 商品列表 -->
    <h3 class="common_title">商品列表</h3>
	<div class="common_list_con clearfix" id="order_list">
		

	</div>
     
    <!-- 金额结算 -->	
    <h3 class="common_title">总金额结算</h3>
	<div class="common_list_con clearfix">
		<div class="settle_con">
			<div class="total_goods_count">共<em id="total_count"></em>件商品，总金额<b id="total_price"></b>元</div>
			<div class="transit">运费：<b>10元</b></div>
			<div class="total_pay">实付款：<b id="real_price"></b>元</div>
		</div>
	</div>
	<div class="order_submit clearfix">
		<a href="javascript:;" id="order_btn">提交订单</a>
	</div>	
    
    <div class="popup_con">
		<div class="popup">
			<p>订单提交成功！</p>
		</div>
		
		<div class="mask"></div>
	</div>    
        
    <!-- 版权所有 -->
	<div class="footer">
    	<div class="foot_link">
    		<a href="#">关于我们</a> <span> | </span>
            <a href="#">联系我么</a> <span> | </span>
            <a href="#">招聘人才</a> <span> | </span>
            <a href="#">友情链接</a> 
    	</div>
    	<p>CcpyRight &copy; 2019 嘟嘟嘟水果欢迎你的到来 All Rights Reserverd</p>
    </div>
    
<script src="../../js/jquery-3.4.1.min.js"></script>
<script src="../../js/city.js"></script>
<script src="../../js/pay.js"></script>

</body>
</html>


				
			
			
			
			
			
			
		